.px2rem(@name,@px){
    @{name}:@px / 75 * 1rem;
}
body,html{
    background: #eeeeee;  
    width: 100%;
    height: 100%;  
}
header{
    .px2rem(height,100);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid #b2b2b2;
    .shoucang-left,.shoucang-right{
        width: 20%;
        display: flex;
        align-items: center;
        justify-content: center;
         .px2rem(font-size,30);

        img{
            .px2rem(margin-left,28);
            .px2rem(width,21);
            .px2rem(height,41);
        }
        span{
            .px2rem(margin-left,15);
            color: #007aff;
           .px2rem(line-height,100);
        }
    }
    .shoucang-center{
        flex: 1;
        text-align: center;
        .px2rem(font-size,44);
    }
}
.main{
    section{
        display: flex;
        .px2rem(margin-top,28);
        dl{
            text-align: center;
            width: 25%;
            .px2rem(font-size,32);
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            dt{
                width: 100%;
//              .zhangdan{
//                  .px2rem(width,130);
//                  .px2rem(height,130);
//              }
                img:nth-child(1){
                    .px2rem(width,130);
                    .px2rem(height,130);
                }
                img:nth-child(2){
                    .px2rem(width,50);
                    .px2rem(height,50);
                }
                .del{
                    position: absolute;
                    .px2rem(top,-25);
                    left: 0;
                    display: none;
                }
            }
        }
    }
}

